/******************** 
	作用:个人中心
	作者:蔡俊雄
	版本:V1.0
	时间:2015-09-05
********************/

body{
	font-size: 12px;
}
/*********************顶部 *********************/
.top-container{
	position: relative;
	background: rgb(254,138,53);
	background: -moz-linear-gradient(45deg,  rgba(254,138,53,1) 0%, rgba(255,167,22,1) 59%, rgba(255,141,57,1) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(254,138,53,1)), color-stop(59%,rgba(255,167,22,1)), color-stop(100%,rgba(255,141,57,1)));
	background: -webkit-linear-gradient(45deg,  rgba(254,138,53,1) 0%,rgba(255,167,22,1) 59%,rgba(255,141,57,1) 100%);
	background: -o-linear-gradient(45deg,  rgba(254,138,53,1) 0%,rgba(255,167,22,1) 59%,rgba(255,141,57,1) 100%);
	background: -ms-linear-gradient(45deg,  rgba(254,138,53,1) 0%,rgba(255,167,22,1) 59%,rgba(255,141,57,1) 100%);
	background: linear-gradient(45deg,  rgba(254,138,53,1) 0%,rgba(255,167,22,1) 59%,rgba(255,141,57,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8a35', endColorstr='#ff8d39',GradientType=1 );
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
	padding: 10px 0;
}
.user-image-container{
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
}
.user-image-container img{
	position: absolute;
	left: 3px;
	top: 3px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.edit-info{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 20px;
	color: #fff;
}
.edit-info{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 20px;
	color: #fff;
}
.edit-info:link,.edit-info:visited{
	color: #fff;
}
.edit-info:hover{
	color: #fafafa;
}
.edit-info:active{
	color: #333;
}


.id-and-name{
	margin-top: 10px;
	margin-bottom: 10px;
}
/*********************积分,业绩,佣金*********************/
.achievement-list{
	/*height: 45px;
	margin: 10px 5px 20px 5px;
	border-radius: 5px;
	box-shadow: 0px 2px 7px #e5e5e5;*/
}
.achievement-list li{
	position: relative;
	float: left;
	display: block;
	/*display: inline-block;*/
	/*height: 100%;
	height: 45px;
	line-height: 45px;*/
	/*border-right: 1px solid #e5e5e5;*/
	/*margin: 0px 0px 0px 0px;*/
	/*box-sizing: border-box;*/
}
.achievement-list li{
	width: 33.3333333%;
	overflow: hidden;
}
.achievement-list li:after{
	content: '';
	position: absolute;
  	top: 0px;
  	right: 0px;
  	display: block;
	width:1px;
	height: 100%;
	background-color: #e5e5e5;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(229,229,229,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(229,229,229,1) 50%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(229,229,229,1) 50%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(229,229,229,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(229,229,229,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
	opacity: 0.8;
}
.achievement-list li:last-child:before,.achievement-list li:last-child:after{
	display: none;
}
.achievement-list li a{
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	color: #fff;
}
/*.achievement-list li.active{
}
.achievement-list li.active a{
	color: #fff;
}
.achievement-list li a:hover,.achievement-list li a:active{
	color: #fff;
}*/

.achievement-list li a:link,.achievement-list li a:visited{
	color: #fff;
}
.achievement-list li a:hover{
	color: #fafafa;
}
.achievement-list li a:active{
	color: #333;
}

/*********************收益,分期********************/
.middle-container{
	margin: 10px 5px 10px 5px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
	padding: 10px 0;
}
.middle-container a{
	display: block;
	width: 47%;
	line-height: 20px;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
	padding: 15px 0;
	background-color: #ffa619;
	float: left;
	margin:0 2%;
	/*margin: 5px;*/
}
.middle-container a:last-child{
	background-color: #eb6f17;
	margin-left: 0;
}
/*********************功能列表********************/
.group-block{
	margin: 15px 0;
}
.list-container{
	position: relative;
	background-color: #e5e5e5;
	/*padding-bottom: 30px;*/
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}
/*.list-container.open{
	padding-bottom: 30px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}*/
.group-block .list-container.open{
	padding-bottom: 30px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}
.group-block .list-container:last-child{
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}



.group-block .list-container{
	margin-bottom:0px;
}
.group-block .list-container:only-child{
	margin-bottom: 0px;
}
.group-block .list-container.open{
	margin-bottom: 15px;
}

.nopb{
	padding-bottom: 0px !important;
}
.list-header{
	background-color: #fff;
	color: #333;
	/*font-size: 16px;*/
	/*text-align: center;*/
	padding: 10px 10px;
	margin: 0px -5px 0 -5px;
	border-radius: 5px;
	border: 1px solid #f2f2f2;
	box-shadow:none;
}
.group-block .list-container:last-child .list-header{
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.group-block .list-container.open .list-header{
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
/*.group-block .list-container:only-child{
	margin-bottom: 0px;
}*/
.list-header-image{
	width: 16px;
	margin-right: 10px;
	/*width: 16px;
	height: 16px;*/
}
.list-header-image img{
	width: 16px;
	height: 16px;
}
.list-header-icon{
	-moz-transform: rotate(0deg);
  	-webkit-transform: rotate(0deg);
  	-o-transform: rotate(0deg);
  	-ms-transform: rotate(0deg);
  	transform: rotate(0deg);
	transition: transform .3s ease;
    -moz-transition: -moz-transform 0.3s ease;
   -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.2s ease;
}
.open .list-header-icon{
	-moz-transform: rotate(90deg);
  	-webkit-transform: rotate(90deg);
  	-o-transform: rotate(90deg);
  	-ms-transform: rotate(90deg);
  	transform: rotate(90deg);
	transition: transform .3s ease;
    -moz-transition: -moz-transform 0.3s ease;
   -webkit-transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.2s ease;
}
.inner-list{
	margin-top: 10px;
	padding: 0 10px;
	display: none;
}
.open .inner-list{
	display:block;
}
.next-page{
	display:none;
}
.open .next-page{
	display:block;
}


.list{
	margin: 0px 5px 0px 5px;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px 10px;
	box-shadow:  0px 1px 1px rgba(229,229,229,0.75) inset;
}
.list:last-child{
	box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.1),0px 1px 1px rgba(229,229,229,0.75) inset;
}
.title{
	display: inline-block;
	width: 40%;
	min-width: 100px;
	/*font-weight: bold;*/
}
.time{
	
}
.bonus{
	color: #df1314;
	font-weight: bold;
}
.table{
	margin: 0;
}
.table th{
	text-align: center;
}
.table tbody td{
	position: relative;
	text-align: center;
	color: #646464;
}
.table tbody tr td:nth-child(2){
	color: #df1314;
}
/*.table>thead>tr>th:nth-child(2){
	min-width: 70px;
}*/
.table>thead>tr>td, .table>thead>tr>th{
	border:none;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th{
  border-top: 1px solid #ccc;
}
.table>tbody>tr>td:before
{
	content: '';
  	width: 100%;
  	height: 1px;
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	background-color: #fff;
  	opacity: 0.7;
}

/*********************用户信息********************/
.user-info{
	padding-bottom: 10px;
}
.user-info img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.contact{
	margin-top: 16px;
}
.user-label {
  width: 40px;
  float: left;
  text-align: right;
}
.user-label-wrapper{
	margin-left: 40px;
    /*margin-right: 5px;*/
}
.user-rows{
	/*margin-right: 65px;*/
}
.user-row{
	line-height: 20px;
}

/*********************合伙人********************/
.normal-table{
	width: 100%;
	margin: 0;
}
.normal-table tr{
	border-top: 1px solid #cccccc;
}
.normal-table tr:first-child{
	border-top:none;
}
.normal-table tbody td{
	position: relative;
	padding: 10px 0;
}


.partner-image{
	float: left;
	width: 40px;
	height: 40px;
	/*padding-right: 10px;*/
}
.partner-image img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.partner-bonus{
	float: right;
	line-height:40px;
	padding-left: 10px;
	min-width: 100px;
}
.partner-info{
	line-height:40px;
	margin-left: 50px;
}
.partner-bill{
	float: right;
}

.inner-list .list-group-item{
	padding-left: 10px;
}
.inner-list .list-group{
	margin-bottom: 10px;
	margin-top: -8px;
}
.history{
	margin-top: 15px;
	border-bottom: 1px solid #d9d9d9;
}
.withdraw-money{
	float: right;
	min-width: 80px;
}
#withdrawTable td{
	position: relative;
	padding: 10px 0px 10px 5px;
	/*border-bottom: 1px solid #fff;*/
}
#withdrawTable tr{
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	border-top:none;
}
#withdrawTable td:after
{
	content: '';
  	width: 100%;
  	height: 1px;
  	position: absolute;
  	bottom: 0px;
  	left: 0px;
  	background-color: #d9d9d9;
  	/*opacity: 0.7;*/
}